@import "./variables";
@import "./mixins";
@import "./sidebar";
// --- 2. UI 库覆盖 ---
// 导入对 Element Plus 的样式覆盖
@import "./element-plus-overrides";

// --- 3. 基础与重置样式 ---
html, body, #app {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: $bg-color; // 使用变量
  color: $text-color-regular; // 使用变量
}

// --- 4. 业务模块样式 ---
// 导入其他所有包含具体业务样式的 SCSS 文件
@import "./sidebar.scss";
// ... 其他模块的样式文件

// --- 5. 全局通用/辅助类 ---
.card-container {
  background-color: $bg-color-overlay;
  padding: $base-padding;
  border-radius: $border-radius-base;
  margin-bottom: $base-padding;
}
.navbar .avatar-wrapper .el-button--primary {
   --el-button-text-color: #303133;
  --el-button-hover-text-color: #303133;
}

.tableBar {

  // --- 1. 修改表单标签 (el-form-item__label) ---
  .el-form-item__label {
    color: #333; // 字体颜色变深
    font-weight: 500; // 字体稍微加粗
  }

  // --- 2. 修改输入框和下拉框的样式 ---
  .el-input__wrapper,
  .el-select__wrapper {
    border: 1px solid #dcdfe6; // 增加一个可见的边框
    box-shadow: none !important; // 移除默认的 focus 阴影

    // 鼠标悬浮时边框颜色
    &:hover {
      border-color: #c0c4cc;
    }
  }

  // 修改 placeholder 的颜色
  .el-input__inner::placeholder {
    color: #999;
  }

  // --- 3. 修改查询按钮的样式 ---
  // 我们给查询按钮一个特殊的 class "search-btn" 来覆盖
  .el-button.search-btn {
    background-color: #333333;
    border-color: #333333;
    color: #fff;

    // 鼠标悬浮时的样式
    &:hover {
      background-color: #555;
      border-color: #555;
    }
  }
}
.tableBar {
  .el-select {
    // 确保 select 组件有正确的尺寸
    width: 200px;
    height: 32px; // 与 el-input 默认高度保持一致

    .el-input__wrapper {
      // 确保 wrapper 也能撑满高度
      height: 100%;
    }

    // 核心修复：针对 placeholder 的样式
    .el-input__inner::placeholder {
      color: #a8abb2; // Element Plus 默认的 placeholder 颜色
      visibility: visible !important; // 强制可见
      opacity: 1 !important; // 强制不透明
    }

    // 如果 select 内部有值了，placeholder 会被隐藏，
    // 我们需要确保显示值的那个 span 是正常的
    .el-select__placeholder {
        color: #a8abb2;
    }

    .el-select__selection-text {
        color: #606266; // 选中项的文字颜色
    }
  }
}
